#join-icon,#jifen{
	height: 1rem;
    vertical-align: middle;
	border-radius:3px !important;
	font-size: .6rem !important;
	display: inline-block;
	color:#fff;
	padding: 1px 4px !important;
	display: flex !important;
    align-items: center !important;
}
#jifen{
	background: #FB713B;
	margin-left: 4px;
}
#join-icon{
	margin-left: 0 !important;
	background: rgba(255,180,48,1);
}
#join-icon img,#jifen img{
width: .7rem;
vertical-align:middle;
margin-right: 2px;
}
#join-icon span{
display:inline-block;
vertical-align:middle;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}

/*禁止长按复制*/
*{   
    -webkit-touch-callout:none;  /*系统默认菜单被禁用*/   
    -webkit-user-select:none; /*webkit浏览器*/   
    -khtml-user-select:none; /*早期浏览器*/   
    -moz-user-select:none;/*火狐*/   
    -ms-user-select:none; /*IE10*/   
    user-select:none;   
}
input {      
     -webkit-user-select:auto; /*webkit浏览器*/     
}
/*
* @Author: yq
* @Date:   2018-02-05 17:16:16
* @Last Modified by:   yq
* @Last Modified time: 2018-11-26 11:09:03
*/

/*基础格式化*/
html { -ms-touch-action: none; -webkit-text-size-adjust: 100%; background-color: #f5f5f5}
body { font-family:"PingHei", "Lucida Grande", "Lucida Sans Unicode", "STHeiti", "Helvetica", "Arial", "Verdana", "sans-serif";}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, span, a { margin: 0; padding: 0 }
i, address, caption, cite, code, dfn, em, strong, th, var { font-style: normal }
ol, ul, li{ list-style: none }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal }
abbr, acronym { border: 0; font-variant: normal }
fieldset, img, iframe { border: 0 }
img { vertical-align: top; border: none; }
a { text-decoration: none;  -webkit-touch-callout: none;}
table { border-collapse: collapse;}
caption, th { text-align: left }
blockquote:before, blockquote:after, q:before, q:after { content: '' }
:focus { outline: 0 }
::-moz-focus-inner {border-color: transparent;} /*for mozilla*/

input { font-family:"PingHei", "Lucida Grande", "Lucida Sans Unicode", "STHeiti", "Helvetica", "Arial", "Verdana", "sans-serif"; }
input, textarea { -webkit-user-select: text; -ms-user-select: text; user-select: text; -webkit-appearance: none; } /*无法选中*/
input:focus, select:focus, textarea:focus, button:focus { outline: none; }
input[type="text"], input[type="password"], input[type="search"], input[type="tel"], input[type="number"], input[type="email"], input[type="url"], textarea { -webkit-appearance: none; border: 1px solid; border-radius: 0; }
input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button { -webkit-appearance:none;}
input[type="number"] {-moz-appearance: textfield;}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #c0c1c1}
input:-moz-placeholder, textarea:-moz-placeholder { color:#c0c1c1}
input::-moz-placeholder, textarea::-moz-placeholder { color:#c0c1c1}
input:-ms-input-placeholder, textarea:-ms-input-placeholder { color:#c0c1c1}
input:-webkit-autofill { -webkit-box-shadow: 0 0 0px 1000px white inset !important; outline:none; } /*输入时背景色*/
:not(input) { -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-touch-callout: none; -webkit-text-size-adjust: none; }
[v-cloak] { display: none; }

/*颜色定义*/
.pink-btn{background: #fd7e89 !important}
.red-btn{background: #f23030 !important}
.grey-btn{background: #bbb !important}
.dark-btn{background: #7c7c7c !important}
.yellow-btn{background: #f4b54d !important}
.golden-btn{background:#d97908 !important;}
.brown-btn{background:#644624 !important;} 
.apricot-btn{background:#f4b54d !important;} 
.orange-btn{background:#fe7e0d !important; }
.white-btn{background: #fff !important; border-radius: 10rem; border: 0.05rem solid #ededed; box-sizing: border-box}

/*工具类样式*/
.clearfix{zoom:1}
.clearfix:after { display: block; clear: both; content: '\20' }
.lt{text-decoration: line-through;}
.hide{display: none !important; }
.show{display: block !important;}
.fix-scroll-across{height: 100%;overflow: hidden}

.fr{float: right !important;}
.fl{float: left !important;}

.fixed{position: fixed !important;}
.absolute{position: absolute !important;}
.relative{position: relative !important;}

.bgc-t{background-color: transparent !important;}
.bgc-w{background-color: #fff !important;}

.ta-l{text-align: left !important;}
.ta-c{text-align: center !important;}
.ta-r{text-align: right !important;}

.top0{top:0 !important;}
.top225{top:2.25rem !important;}

.mt0{margin-top:-.5rem !important}
.mt5{margin-top:0.5rem !important;}
.mt10{margin-top:1rem !important;}
.mt20{margin-top:2rem !important;}
.mt225{/*margin-top:2.25rem !important;*/}
.mt275{margin-top:2.75rem !important;}
.mt30{margin-top:3rem !important;}
.mt36{margin-top:3.6rem !important;}
.mt40{margin-top:4rem !important;}
.mt425{margin-top:4.25rem !important;}
.mt45{margin-top:4.5rem !important;}
.mt50{margin-top:5rem !important;}
.mr0{margin-right: 0rem !important;}
.mr5{margin-right: 0.5rem !important;}
.mr10{margin-right: 1rem !important;}
.mr20{margin-right: 2rem !important;}
.mr40{margin-right: 4rem !important;}
.mb0{margin-bottom: 0 !important;}
.mb5{margin-bottom: 0.5rem !important;}
.mb10{margin-bottom: 1rem !important;}
.mb20{margin-bottom: 2rem !important;}
.mb225{margin-bottom: 2.25rem !important;}
.mb30{margin-bottom: 3rem !important;}
.mb40{margin-bottom: 4rem !important;}
.mb425{margin-bottom: 4.25rem!important;}
.mb45{margin-bottom: 4.5rem !important;}
.mb50{margin-bottom: 5rem !important;}
.ml0{margin-left: 0 !important;}
.ml5{margin-left: 0.5rem !important;}
.ml10{margin-left: 1rem !important;}
.ml20{margin-left: 2rem !important;}
.ml40{margin-left: 4rem !important;}

.pt0{padding-top:0 !important}
.pt5{padding-top:0.5rem !important}
.pt10{padding-top:1rem !important;}
.pt20{padding-top: 2rem !important;}
.pt40{padding-top: 4rem !important;}
.pr0{padding-right: 0 !important;}
.pr5{padding-right: 0.5rem !important;}
.pr10{padding-right: 1rem !important;}
.pr20{padding-right: 2rem !important;}
.pr40{padding-right: 4rem !important;}
.pb0{padding-bottom: 0 !important;}
.pb5{padding-bottom: 0.5rem !important;}
.pb10{padding-bottom: 1rem !important;}
.pb20{padding-bottom: 2rem !important;}
.pb40{padding-bottom: 4rem !important;}
.pl0{padding-left: 0 !important;}
.pl5{padding-left: 0.5rem !important;}
.pl10{padding-left: 1rem !important;}
.pl20{padding-left: 2rem !important;}
.pl40{padding-left: 4rem !important;}

.bt0{border-top:0 !important;}
.br0{border-right: 0 !important;}
.bb0{ border-bottom: 0 !important;}
.bl0{ border-left: 0 !important;}

.fixed-bottom-0{
    bottom:0!important;
}
.fixed-bottom-2{
    bottom:2rem!important;
}
.fixed-bottom-225{
    bottom:2.25rem!important;
}
.bt10{border-top:0.05rem solid #ededed !important; box-sizing: border-box;}
.br10{border-right: 0.05rem solid #ededed !important; box-sizing: border-box;}
.bb10{ border-bottom: 0.05rem solid #ededed !important; box-sizing: border-box;}
.bl10{ border-left: 0.05rem solid #ededed !important; box-sizing: border-box;}

.w33{width: 33% !important;}
.w50{width: 50% !important;}
.w100{width: 100% !important;}

/*文字高亮*/
.highlight{color: #f23030 !important}

/*金钱格式化*/
.themeFontColor{color: #f23030 !important}
.m-weight{font-weight:600 !important}
.m-line-through{text-decoration: line-through !important; color:#848689 !important;}

.y48 .yuan{font-size: 0.48rem; font-family: Verdana, Tahoma !important;}
.y52 .yuan{font-size: 0.52rem; font-family: Verdana, Tahoma !important;}
.y56 .yuan{font-size: 0.56rem; font-family: Verdana, Tahoma !important;}
.y60 .yuan{font-size: 0.6rem;  font-family: Verdana, Tahoma !important;}
.y64 .yuan{font-size: 0.64rem; font-family: Verdana, Tahoma !important;}
.y68 .yuan{font-size: 0.68rem; font-family: Verdana, Tahoma !important;}
.y72 .yuan{font-size: 0.72rem; font-family: Verdana, Tahoma !important;}
.y76 .yuan{font-size: 0.76rem; font-family: Verdana, Tahoma !important;}
.y80 .yuan{font-size: 0.80rem; font-family: Verdana, Tahoma !important;}

.m48 .integer{font-size: 0.48rem}
.m52 .integer{font-size: 0.52rem}
.m56 .integer{font-size: 0.56rem}
.m60 .integer{font-size: 0.6rem}
.m64 .integer{font-size: 0.64rem}
.m68 .integer{font-size: 0.68rem}
.m72 .integer{font-size: 0.72rem}
.m76 .integer{font-size: 0.76rem}
.m80 .integer{font-size: 0.80rem}
.m86 .integer{font-size: 0.86rem}
.m90 .integer{font-size: 0.90rem}
.m96 .integer{font-size: 0.96rem}
.m104 .integer{font-size: 1.04rem}
.m120 .integer{font-size: 1.2rem}
.m130 .integer{font-size: 1.3rem}

.p48 .pointer{font-size: 0.48rem}
.p52 .pointer{font-size: 0.52rem}
.p56 .pointer{font-size: 0.56rem}
.p60 .pointer{font-size: 0.6rem}
.p64 .pointer{font-size: 0.64rem}
.p68 .pointer{font-size: 0.68rem}
.p72 .pointer{font-size: 0.72rem}
.p76 .pointer{font-size: 0.76rem}
.p80 .pointer{font-size: 0.80rem}
.p86 .pointer{font-size: 0.86rem}
.p90 .pointer{font-size: 0.90rem}
.p120 .pointer{font-size: 1.2rem}
.p130 .pointer{font-size: 1.3rem}

.d48 .decimal{font-size: 0.48rem}
.d52 .decimal{font-size: 0.52rem}
.d56 .decimal{font-size: 0.56rem}
.d60 .decimal{font-size: 0.6rem}
.d64 .decimal{font-size: 0.64rem}
.d68 .decimal{font-size: 0.68rem}
.d72 .decimal{font-size: 0.72rem}
.d76 .decimal{font-size: 0.76rem}
.d80 .decimal{font-size: 0.80rem}
.d86 .decimal{font-size: 0.86rem}
.d90 .decimal{font-size: 0.90rem}
.d120 .decimal{font-size: 1.2rem}
.d130 .decimal{font-size: 1.3rem}

/*flex兼容性*/
.flex {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex; 
    display: flex;         
}

.flex-h {
    -webkit-box-orient: horizontal;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    -o-flex-direction: row;
    flex-direction: row;
}

.flex-hw {
    -webkit-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
}

.flex-hc {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    justify-content: center;
}

.flex1 {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    width: 20%;
    -webkit-flex: 1;
    -ms-flex: 1;  
    flex: 1;            
}

.flex-v {
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
}

.flex-vw {
    -webkit-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
}

.flex-vc {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
}

.flex-1 {
    -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;   
    -ms-flex-order: 1;           
    -webkit-order: 1;            
    order: 1;                    
}


/*弹出的提示框*/
.s-dialog-wrapper{ position: fixed; z-index: 9999; width:12rem; border-radius: 0.2rem; background: rgba(0,0,0,0.75)}
.s-dialog-content { padding: 0.8rem 0.6rem; text-align: center; font-size: 0.65rem!important; line-height: 1rem; color: #fff}

.simple-dialog-wrapper{}
.simple-dialog-wrapper .s-dialog-mask{position: fixed; left: 0; right: 0; top:0; bottom: 0; background:rgba(0,0,0,0.75); z-index: 999}
.simple-dialog-wrapper .s-dialog-skin-pouper{background: #fff !important; top:50% !important; margin-top:-2.7rem;}
.simple-dialog-wrapper .s-dialog-skin-pouper .s-dialog-content{color: #232326; border-bottom: 0.05rem solid #eee; line-height: 1.8rem;}
.simple-dialog-wrapper .s-dialog-skin-pouper .s-dialog-btn-wapper{ overflow: hidden; }
.simple-dialog-wrapper .s-dialog-skin-pouper .s-dialog-btn-wapper a{ color: #232326; line-height: 1.95rem; font-size: 0.65rem; float: left; width: 49.95%; height: 1.95rem; text-align: center; }
.simple-dialog-wrapper .s-dialog-skin-pouper .s-dialog-btn-wapper a:first-child{border-right:0.05rem solid #eee;margin-left: -0.05rem}


/*横向列表*/
.transverse{ overflow: hidden; }
.transverse .items{box-sizing: border-box; border-bottom:0.05rem solid #f7f7f7;padding:0 0.8rem;}
.transverse .items h4{padding:0.6rem 0; width: 4rem; overflow: hidden; font-size: 0.6rem; color: #868686; line-height: 1rem; height: 1rem}
.transverse .items .txt{padding:0.6rem 0; overflow: hidden;}
.transverse .items.write .closed{display: block;}

/*input样式*/
.transverse .items .txt .inp{border:0; line-height: 1rem; font-size: 0.6rem; color: #232326; width: 100%; resize: none;}
.transverse .items .closed{padding:0.75rem 0 0.85rem 0.75rem;display: none;}
.transverse .items .closed i{display:block; width: 0.5rem; height: 0.5rem; opacity: 0.3;background:url(../area/public/error.png) no-repeat; background-position: 0 0; background-size: cover; }

/*带验证码*/
.transverse .items .txt .dynamic,.transverse .items .txt .regain,.transverse .items .txt .again{text-align: right; font-size: 0.6rem; color: #868686; line-height: 1rem; margin-left: 1rem}
.transverse .items .txt .code-img{ width: 4rem; height: 1.6rem; position: absolute; right: 0; top:0.3rem; }
.transverse .items .txt .code-img img{ width: 100%; height: 100% }
.transverse .items .txt .errors{ color: #f23030; line-height: 0.8rem; font-size: 0.56rem;}
.transverse .items .txt .errors label{margin-top:0.6rem;}

/*信息*/
.transverse .items .txt .content{font-size: 0.6rem; line-height: 1rem; min-width: 10rem; color:#232326; height: 1rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-break: break-all; word-wrap: break-word; min-height: 1rem }
.transverse .items .arrow{padding: 0.85rem 0 0.85rem 0.4rem;}
.transverse .items .arrow i{display:block; width: 0.5rem; height: 0.5rem; opacity: 0.4;background:url(../area/public/a_r_b.png) no-repeat; background-position: 0 0; background-size: cover; }
.transverse .items .right{padding: 0.6rem 0 0.6rem 0.4rem;}
.transverse .items .right i{display:block; width: 0.8rem; height: 0.8rem;background:url(../area/public/right.png) no-repeat; background-position: 0 0; background-size: cover; }

/*留言*/
.transverse .message{display: block;padding:0.5rem; overflow: hidden;}
.transverse .message input{ display: block; width: 100%; padding: 2%; background-color: #FAF9FA; border: none; border-radius: 0.15rem; line-height: 1rem; font-size: 0.6rem;}

/*两行或者一行带图标*/
.transverse .items .icon{margin:0.6rem 0; display: block; width: 1.7rem; height: 1.7rem; overflow: hidden; margin-right: 0.6rem}
.transverse .items .icon.oneLine{margin:0.6rem 0; display: block; width: 1.2rem; height: 1.2rem; overflow: hidden; margin-right: 0.6rem}
.transverse .items .icon.wxpay{background:url(../area/order/weixin.png) no-repeat; background-position: 50% 50%; background-size:cover;}
.transverse .items .icon.offline{background:url(../area/order/huodao.png) no-repeat; background-position: 50% 50%; background-size:cover;}
.transverse .items .icon.predeposit{background:url(../area/order/predeposit.png) no-repeat; background-position: 50% 50%; background-size:cover;}
.transverse .items .icon.alipay{background:url(../area/order/alipay.png) no-repeat; background-position: 50% 50%; background-size:cover;}
.transverse .items .icon.wxHelpPay{background:url(../area/order/wxHelpPay.png) no-repeat; background-position: 50% 50%; background-size:cover;}
.transverse .items .icon.miniprogram{background:url(../area/order/weixin.png) no-repeat; background-position: 50% 50%; background-size:cover;}
.transverse .items .txt .main{display: block; width: 100%; overflow: hidden; font-size: 0.66rem; color: #232326; line-height: 0.8rem; }
.transverse .items .txt .subtitle{display: block; width: 100%; overflow: hidden; font-size: 0.56rem; color: #868686; line-height: 0.8rem; margin-top:0.2rem;}
.transverse .items b{display: block; width: 1rem; height: 1rem; overflow: hidden; background:url(../area/public/checkbox_circle.png) no-repeat; background-position: 50% 50%; background-size: cover;}
.transverse .items.checked b{background:url(../area/public/checkbox_circle_select.png) no-repeat; background-position: 50% 50%; background-size: cover}

/*开关*/
.transverse .items .switch{position: absolute; right: 0}
.transverse .items .switch .power{display: block; width: 2rem; height: 1.2rem; background:url(../area/public/noswitch.png) no-repeat; background-position: 50% 50%; background-size: cover}
.transverse .items .switch.checked .power{background:url(../area/public/switch.png) no-repeat; background-position: 50% 50%; background-size: cover}


/*公用的头部*/
header{height: 2.25rem; top:0; left: 0; right: 0; z-index:9; box-sizing: border-box; border-bottom:0.05rem solid #ededed; }
.header-wrap{display: flex; display: -webkit-flex; display: -ms-flexbox; display: -webkit-box; display: -moz-box;}
.header-wrap .header-l{padding:0.475rem 0 0.475rem 0.5rem;  flex-wrap: nowrap;display: flex; display: -webkit-flex; display: -ms-flexbox; display: -webkit-box; display: -moz-box; justify-content: center; -webkit-justify-content:center; -moz-justify-content:center; -webkit-box-pack:center;align-items: center; -webkit-align-items:center; -moz-align-items:center; -webkit-box-align:center;}
.header-wrap .header-l a{padding:0 0.5rem 0 0; display: block;}
.header-wrap .header-l a i{ display: block; width:0.8rem; height: 0.8rem; margin:0.25rem; opacity: 0.4}
.header-wrap .header-l a i.back{background:url(../area/public/a_l_b.png) no-repeat; background-position: 50% 50%; background-size: cover}
.header-wrap .header-l a i.close{background: url(../area/public/error.png) no-repeat; background-position: 50% 50%; background-size: cover}
.header-wrap .header-c{display: flex; display: -webkit-flex; display: -ms-flexbox; display: -webkit-box; display: -moz-box; flex:1; -ms-flex:1; -webkit-flex:1; -moz-box-flex:1; -webkit-box-flex:1; }
.header-wrap .header-c h1{width: 75%; height: 2.25rem; /*margin:0 18% 0 6%;*/ overflow: hidden;text-overflow: ellipsis; white-space: nowrap; word-break: break-all;word-wrap: break-word; font-size: 0.76rem; color: #232326; line-height: 2.2rem; text-align: center;}
.header-wrap .header-c h2{width: 75%; height: 2.25rem; margin:0 6% 0 6%; overflow: hidden;text-overflow: ellipsis; white-space: nowrap; word-break: break-all;word-wrap: break-word; font-size: 0.76rem; color: #232326; line-height: 2.2rem; text-align: center;}
.header-wrap .header-c .search{ background: #f3f5f4; border-radius: 10rem; height: 1.4rem; overflow: hidden; }
.header-wrap .header-c .search .glass{display: block; width: 0.8rem; height: 0.8rem; background: url(../area/public/glass.png) no-repeat; background-position: 50% 50%; background-size: cover; opacity: 0.3; /*margin:0.3rem 0.6rem;*/margin: 4px 7px;}
.header-wrap .header-c .search span{font-size: 0.6rem; line-height: 1rem; color: #aaa}
.header-wrap .header-c .search .search-input{ /*height: 0.8rem;*/z-index: 999;-webkit-transform: translate3d(0, 0, 0); /*line-height: 0.8rem;*/line-height:normal; padding:0.325rem 0; font-size: 0.6rem; color: #868686; border:none; /*background: transparent;*/background: #f3f5f4; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;word-break: break-all }
.header-wrap .header-c .search .closed{display: none; width: 0.7rem; height: 0.7rem; background: url(../area/public/closed.png) no-repeat; background-position: 50% 50%; background-size: cover; opacity: 0.3; margin:0.35rem 0.7rem}
.header-wrap .header-c .search.write .search-input{ color: #232326 }
.header-wrap .header-c .search.write .closed{display: block;}
.header-wrap .header-r{padding:0.475rem 0.5rem 0.475rem 0;  flex-wrap: nowrap;display: flex; display: -webkit-flex; display: -ms-flexbox; display: -webkit-box; display: -moz-box; justify-content: center; -webkit-justify-content:center; -moz-justify-content:center; -webkit-box-pack:center;align-items: center; -webkit-align-items:center; -moz-align-items:center; -webkit-box-align:center;}
.header-wrap .header-r a{padding:0 0 0 0.5rem; display: block;}
.header-wrap .header-r a span{display: block; font-size: 0.6rem; color: #868686; line-height: 0.8rem; margin:0 0.2rem;}
.header-wrap .header-r a i{ display: block; width:0.8rem; height: 0.8rem; margin:0.25rem; opacity: 0.4}
.header-wrap .header-r a i.list{background:url(../area/public/list.png) no-repeat; background-position: 50% 50%; background-size: cover}
.header-wrap .header-r a i.gird{background:url(../area/public/gird.png) no-repeat; background-position: 50% 50%; background-size: cover;padding: 0 !important}
.header-wrap .header-r a i.glass{background:url(../area/public/glass.png) no-repeat; background-position: 50% 50%; background-size: cover}
.header-wrap .header-c-m{padding:0.475rem 0;}
/*列表筛选*/
.nav{position: fixed; left: 0; right: 0; top:2.25rem; height: 2.25rem; border-bottom: 0.05rem solid #ededed; box-sizing: border-box; z-index: 2}
.nav-list{overflow: hidden; height: 2.25rem}
.nav-list .list{ width: 100%; overflow: hidden; }
.nav-list .list p{font-size: 0.64rem; color: #232326; line-height: 2rem; overflow: hidden;}
.nav-list .list .title{font-size: 0.64rem; color: #232326; line-height: 2.2rem; overflow: hidden;}
.nav-list .list i{display: block; width: 0.4rem; height: 0.4rem;margin:0.25rem 0 0.25rem 0.3rem; background:url(../area/public/price_a.png) no-repeat; background-position: 50% 50%; background-size:cover;}
.nav-list .list b.s-a-b-b{border-width: 0.2rem; border-style: solid dashed dashed dashed; border-color: #aaa transparent transparent transparent; margin:0.15rem 0 0 0.25rem;}
.nav-list .list b.s-a-t-b{border-width: 0.2rem; border-style: dashed dashed solid dashed; border-color: transparent transparent #aaa transparent; margin:-0.2rem 0 0 0.25rem;}
.nav-list .list.checked p{ color: #f23030 }
.nav-list .list.checked .title{color: #f23030;border-bottom: 0.05rem solid #f23030}
.nav-list .list.cur p{color: #f23030; border-bottom: 0.1rem solid #f23030}

.nav .nav-search{margin:0.475rem 0.5rem;}
.nav .nav-search a{border-left: 0.05rem solid #ededed;padding-left: 0.5rem}
.nav .nav-search a span{display: block; width:0.8rem; height: 0.8rem; margin:0.25rem; opacity: 0.4;background:url(../area/public/glass.png) no-repeat; background-position: 50% 50%; background-size: cover}

.down-mask{position: fixed; left: 0; right: 0; bottom: 0; top:4.5rem; background:rgba(0,0,0,0.6); z-index: 2}
.down-mask .content{ overflow: hidden; max-height: 12.2rem; background: #fff; }
.down-mask .content .top{position: relative; overflow: hidden; max-height: 10rem; margin-bottom: 0.8rem; min-height: 8rem}
.down-mask .content .top .items{margin:0 3%; overflow: hidden; height: 2rem; flex-basis:44%;}
.down-mask .content .top .items .txt{display: block; width: 100%; height: 1rem; font-size: 0.64rem; color: #232326; line-height: 1rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-break: break-all; word-wrap: break-word;}
.down-mask .content .top .items i{ display: block; width: 0.6rem; height: 0.6rem; background: none; margin:0.2rem 0 0.2rem 0.2rem; }
.down-mask .content .top .noCategory{display: block; width: 100%;font-size: 0.65rem; height: 1.2rem; line-height: 1.2rem; text-align: center; color: #999; margin:3.4rem 0;}
.down-mask .content .bottom{height: 3rem; overflow: hidden; width: 100%; border-top:0.05rem solid #f9f9f9;}
.down-mask .content .bottom .reset{width: 100%; border:0.05rem solid #ededed; box-sizing: border-box; height: 1.8rem; border-radius: 10rem; margin:0 1rem;}
.down-mask .content .bottom .reset p{font-size: 0.76rem; color: #232326; line-height: 1rem}
.down-mask .content .bottom .ensure{width: 100%; border:0.05rem solid #f23030; box-sizing: border-box; height: 1.8rem; border-radius: 10rem; margin:0 1rem;}
.down-mask .content .bottom .ensure p{font-size: 0.76rem; color: #fff; line-height: 1rem}


/*加减号控件*/
.number{display: -webkit-box; display: -webkit-flex; display: -ms-flex; display: flex; flex:1; -ms-flex:1; -webkit-box-flex:1;}
.number a{display: block; width: 1.3rem; height: 1.3rem; border: 1px solid #BBB; border-radius: 50%; box-sizing: border-box;}
.number a:nth-child(2){width: auto; border: none;}
.number a em{ display: block; width: 100%; height: 100%; border-radius: 100%;}
.number a .points{ display:inherit;width: 1.8rem; height: 1.3rem; line-height: 1.3rem; border:none; font-size: 0.7rem; color: #232326; text-align: center; }
.number a.minus em{ background: url(../area/public/minus.png) no-repeat; background-position: 50% 50%; background-size: 40% }
.number a.add em{ background: url(../area/public/add.png) no-repeat; background-position: 50% 50%; background-size: 40% }
.number a em.unable{background-color: #F0F0F0; opacity: 0.3}

/*错误提示的小黄条*/
.goods-detail-foot-error{position: fixed; left: 0; right: 0; bottom: 2.25rem; z-index: 2; padding:0.5rem; text-align: center; line-height: 1rem; font-size: 0.64rem; background:rgba(255,204,0,0.85); }

/*没有数据*/
.noData{position: fixed; left: 0;right: 0;top: 0;bottom: 0; background:#fff ;}
.noData.noCart{bottom:50%;}
.noData p{display: block; margin:0 0.8rem; overflow: hidden;line-height: 1rem; font-size: 0.64rem; color: #868686;}
.noData .noImg{display: block; width: 5.5rem; height: 5.5rem; overflow: hidden; margin-bottom: 0.5rem}
.noData .noImg.cart{background: url(../area/public/no_data_d.png) no-repeat; background-position: 50% 50%; background-size: cover}
.noData .noImg.shop{background: url(../area/public/no_data_h.png) no-repeat; background-position: 50% 50%; background-size: cover}
.noData .noImg.goods{background: url(../area/public/no_data_a.png) no-repeat; background-position: 50% 50%; background-size: cover}
.noData .noImg.coupons{background: url(../area/public/no_data_b.png) no-repeat; background-position: 50% 50%; background-size: cover}
.noData .noImg.message{background: url(../area/public/no_data_g.png) no-repeat; background-position: 50% 50%; background-size: cover}


/*loading*/
.loadingWaverMask {position: fixed; width: 100%; height: 100%; left: 0px; top: 0px; z-index: 998; opacity: 0 }
.loadingWaverMask2{position: fixed; width: 100%; height: 100%; left: 0px; top: 0px; z-index: 997; background-color:#ffffff;}
.loadingWaver{z-index:999;position:fixed;top:50%;left:50%;width:1rem;height:1rem;overflow:hidden; background:url(../area/public/loading.gif) no-repeat; background-size: cover;}
/* 区域loading*/
.panel-loading{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
    z-index: 997;
    background-color: #ffffff;
    z-index: 10;
}
.panel-loading-icon {
    z-index: 999;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 1rem;
    height: 1rem;
    overflow: hidden;
    background: url(../area/public/loading.gif) no-repeat;
    background-size: cover;
}
/*css 3 圆的loading*/
.loading-circle{
    width: .5rem;
    height: .5rem;
    border-radius: 50%;
    display: block;
    border: 0.25rem solid #dddddd;
    border-left: 0.25rem solid #cccccc;
    animation: load 1s linear infinite;
    -moz-animation:load 1s linear infinite;
    -webkit-animation: load 1s linear infinite;
    -o-animation:load 1s linear infinite;
}
@-webkit-keyframes load
{
    from{-webkit-transform:rotate(0deg);}
    to{-webkit-transform:rotate(360deg);}
}
@-moz-keyframes load
{
    from{-moz-transform:rotate(0deg);}
    to{-moz-transform:rotate(360deg);}
}
@-o-keyframes load
{
    from{-o-transform:rotate(0deg);}
    to{-o-transform:rotate(360deg);}
}



/*公用的弹出框*/
.nctouch-bottom-mask{position: fixed; left: 0; right: 0; top: 0; bottom: 0; z-index: 999;}
.nctouch-bottom-mask .nctouch-bottom-mask-bg{ position: absolute; left: 0;right: 0; top: 0;bottom: 0; background:rgba(0,0,0,0.6); }
.nctouch-bottom-mask .nctouch-bottom-mask-block{z-index:999;position: absolute; left: 0;right: 0;bottom: 0;background: #fff; border-radius: 0.2rem 0.2rem 0 0; height: 26.5rem; transform: translate3d(0,0,0); -webkit-transform: translate3d(0,0,0); transition:transform .3s cubic-bezier(0,0,.25,1) 80ms; -webkit-transition:-webkit-transform .3s cubic-bezier(0,0,.25,1) 80ms;}
.nctouch-bottom-mask .nctouch-bottom-mask-block .close,.voucher-share .close{position: absolute; width: 1rem; height: 1rem; background: url(../area/public/close.png) no-repeat; background-position: 50% 50%; background-size: cover; margin:0.4rem; top:0.2rem;right: 0rem}
.nctouch-bottom-mask .nctouch-bottom-mask-block .bottom{position:fixed; left: 0; right: 0;bottom: 0; box-sizing:border-box; background: #fff; width: 100%; height: 3rem; overflow: hidden; padding:0 1.2rem;}
.nctouch-bottom-mask .nctouch-bottom-mask-block .bottom .action-btn-other{width: 100%; height: 2rem; overflow: hidden; border-top-left-radius: 10rem; border-bottom-left-radius: 10rem}
.nctouch-bottom-mask .nctouch-bottom-mask-block .bottom .action-btn-other:last-child{border-top-left-radius: 0; border-bottom-left-radius: 0; border-top-right-radius: 10rem; border-bottom-right-radius: 10rem}
.nctouch-bottom-mask .nctouch-bottom-mask-block .bottom .action-btn-other p{display: block; text-align: center; line-height: 1rem; font-size: 0.8rem; color: #fff; font-weight: bold; }
.nctouch-bottom-mask .im-dialog.nctouch-bottom-mask-block .close{
    top:0;
    margin: 0.2rem;
}


.voucher-share .download{position: absolute; width: 1rem; height: 1rem; background: url(../area/public/icon-down.png) no-repeat; background-position: 50% 50%; background-size: cover; margin:0.4rem; top:0.5rem;right: 2rem;}
.voucher-share .download , .voucher-share .close {
    z-index: 999;
}
.voucher-share img {
    z-index: 10;
}
/*底部弹出框需要的样式*/
@keyframes ncbottomEnterActive{
	from { display: none;}
	to { display: block;}
}
@-webkit-keyframes ncbottomEnterActive{
	from { display: none;}
	to { display: block;}
}
@keyframes ncbottomLeaveActive {
	from { display: block; opacity: 1}
	to { display: none;opacity: 0}
}
@-webkit-keyframes ncbottomLeaveActive {
	from { display: block; opacity: 1}
	to { display: none;opacity: 0;}
}
.ncbottom-enter-active { animation: ncbottomEnterActive 0s ease-out; -webkit-animation:ncbottomEnterActive 0s ease-out;  }
.ncbottom-active-end{display: none; left: 0; right: 0;}
.ncbottom-leave-active {animation: ncbottomLeaveActive 0.3s ease-in-out; -webkit-animation:ncbottomLeaveActive 0.3s ease-in-out; }
.ncbottom-enter-active .nctouch-bottom-mask-block, .ncbottom-leave-active .nctouch-bottom-mask-block{ -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); }

/*全屏遮罩层（侧面划入）*/
.nctouch-full-mask{position: fixed; left: 0; right: 0; top: 0; bottom: 0; z-index: 999;}
.nctouch-full-mask .nctouch-full-mask-bg{position: absolute; left: 0;right: 0; top: 0;bottom: 0; background:rgba(0,0,0,0.6);}
.nctouch-full-mask .nctouch-full-mask-block{ display: block; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: #fff; box-shadow: -0.25rem 0 0.2rem rgba(0,0,0,0.2); }


@keyframes optionBlockLeft
	{
		from { display: none; left: 100%; right:-100%;}
		to { display: block; left: 0; right:0;}
	}
@-webkit-keyframes optionBlockLeft
	{
		from { display: none; left: 100%; right:-100%;}
		to { display: block; left: 0; right:0;}
	}

@keyframes optionBlockRight
	{
		from { display: block; left: 0; right:0;}
		to { display: none; left: 110%; right: -110%;}
	}
@-webkit-keyframes optionBlockRight
	{
		from { display: block; left: 0; right:0;}
		to { display: none; left: 110%; right: -110%;}
	}

.ncright-enter-active { animation: optionBlockLeft 0.3s ease-in-out; -webkit-animation:optionBlockLeft 0.3s ease-in-out;}
.ncright-leave-active { left: 110%; right: -110%; animation: optionBlockRight 0.5s ease-in-out; -webkit-animation:optionBlockRight 0.5s ease-in-out;}

/*全屏遮罩层（中间弹出）*/
.nctouch-fade-mask{position: fixed; left: 0; right: 0; top: 0; bottom: 0; z-index: 999;}
.nctouch-fade-mask .nctouch-fade-mask-bg{position: absolute; left: 0;right: 0; top: 0;bottom: 0; background:rgba(0,0,0,0.6);}
.nctouch-fade-mask .nctouch-fade-mask-block{ position: absolute;top: 50%; left: 50%;width: 16.05rem; height: 24rem; margin-left: -8.025rem; margin-top:-13rem; background: #fff; box-shadow: -0.25rem 0 0.2rem rgba(0,0,0,0.2); border-radius: 0.3rem; }
.nctouch-fade-mask .close{display:block; width:1.8rem; height:1.8rem; background:url(../area/public/close_w.png) no-repeat; background-size: cover; background-position: 50% 50%;position:absolute; top:50%; left:50%; margin-left: -0.9rem; margin-top: 12.8rem}
.nctouch-fade-mask.fade i,.nctouch-fade-mask.fade .nctouch-fade-mask-block,.nctouch-fade-mask.fade .codeNum{  animation: optionFadeIn 0.3s ease-in-out; -webkit-animation:optionFadeIn 0.3s ease-in-out;}

@keyframes optionFadeIn
    {
        0%{transform: scale(0.2);opacity: 0;}  
        100%{ transform: scale(1);opacity: 1;}  
    }
@-webkit-keyframes optionFadeIn
    {
        0%{transform: scale(0.2);opacity: 0;}  
        100%{ transform: scale(1);opacity: 1;}  
    }

.ncfadein-enter-active { animation: optionFadeIn 0.3s ease-in-out; -webkit-animation:optionFadeIn 0.3s ease-in-out;}



/*地址选择*/
.dis-top{padding:0.6rem 0.8rem 0; overflow: hidden;}
.dis-top h3{margin:0.2rem 0 0.6rem; display: block; width: 100%; font-size: 1rem; color: #232326; line-height: 1.2rem; font-weight: 600}

.city-options{width: 100%; height: 23.7rem; overflow: hidden; position: relative;}
.city-options .city-select{padding:0 0.8rem;box-sizing: border-box; border-bottom:0.05rem solid #f9f9f9;}
.city-options .city-select dd{display: inline-block; max-width: 4rem; padding:0.3rem 0.1rem; margin-right:1rem; font-size: 0.6rem; color: #232326; line-height: 1rem; overflow:hidden; text-overflow: ellipsis; white-space: nowrap;}
.city-options .city-select dd.select{ color: #f23030; border-bottom:0.1rem solid #f23030; }
.city-options ul{ overflow: hidden; height: 22.1rem; margin-left: 0.8rem }
.city-options ul li{ width: 100%; height: 22.1rem; overflow: hidden;position: relative;float: left}
.city-options ul li .city-item-scroll{ width: 100%; height: 22.1rem; overflow: hidden; }
.city-options ul li .city-item{display: block;}
.city-options ul li .city-item a{ padding:0.4rem 0; display: block; width: 100%; line-height: 1.2rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.city-options ul li .city-item a h4{font-size: 0.8rem; color: #232326; margin-right: 0.5rem; float: left; max-width: 90%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.city-options ul li a.checked h4{color: #f23030}
.city-options ul li a.checked i{width: 0.64rem; height: 0.64rem; float: left; background: url(../area/public/right.png) no-repeat; background-size: cover; background-position:50% 50%; vertical-align: middle; margin-top: 0.15rem}

.address-options{overflow: hidden;}
.address-options .address-select{position: relative; padding:0 0.8rem; height:20.9rem; overflow: hidden;}
.address-options .address-select .items{padding:0.7rem 0; box-sizing: border-box; border-bottom:0.05rem solid #f9f9f9; overflow: hidden;}
.address-options .address-select .items .location{display: block; width: 0.64rem; height: 0.64rem; background:url(../area/public/location.png) no-repeat; background-position: 50% 50%; background-size:cover; opacity: 0.6; margin:0.18rem 0.4rem 0.18rem 0;}
.address-options .address-select .items .address{display: block; width: 100%; font-size: 0.64rem; color: #232326; line-height: 1rem; word-break: break-all;}
.address-options .address-select .items .tick{display: block; width: 0.8rem; height: 0.8rem; margin:0.1rem 0 0.1rem 0.8rem;}
.address-options .address-select .items .tick b{display: none; width: 100%; height: 100%; background:url(../area/public/right.png) no-repeat; background-position: 50% 50%; background-size:cover;}
.address-options .address-select .items.checked .address{color: #f23030}
.address-options .address-select .items.checked .location{background:url(../area/public/location_r.png) no-repeat; background-position: 50% 50%; background-size:cover; opacity: 1}
.address-options .address-select .items.checked .tick b{display: block;}
